@import "../_mixin";

.investment_records {
	nav {
		display: -webkit-box;
		padding: 0 0.48rem;
		background-color: #fff;

		span {
			display: block;
			width: 100%;
			-webkit-box-flex: 1;
			padding: 0.266667rem 0;
			color: #666;
			text-align: center;
			@include font-dpr(18px);

			&.on {
				color: $primaryColor;
				border-bottom: 1px solid $primaryColor;
			}
		}
	}

	.info {
		padding: 0.4rem 0;
		text-align: center;
		color: #999;
		border-top: 1px solid #ddd;
		@include font-dpr(16px);

		em {
			color: #7699ff;
		}
	}

	.list {
		li {
			padding: 0 0.48rem;
			margin-bottom: 0.266667rem;
			background-color: #fff;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;

			strong {
				display: block;
				padding: 0.613333rem 0 0.4rem 0;
				line-height: 150%;
				color: #333;
				@include font-dpr(15px);
			}

			.box {
				display: -webkit-box;

				.item {
					padding: 0.4rem 0;
					border-top: 1px dashed #ddd;
					border-bottom: 1px dashed #ddd;
					-webkit-box-flex: 3;

					&:last-child {
						-webkit-box-flex: 1;
					}

					span {
						display: block;
						line-height: 170%;
						color: #999;
						@include font-dpr(14px);
					}

					.c {
						color: $primaryColor;
					}
				}
			}

			.time {
				display: -webkit-box;
				padding: 0.4rem 0;

				span {
					display: block;
					width: 100%;
					-webkit-box-flex: 1;
					color: #999;
					@include font-dpr(14px);

					&:last-child {
						text-align: right;
					}
				}
			}
		}
	}
}